@import "~themes/vars.less";

.option_add {
  font-size: 14px;

  .lable {
    margin-bottom: 0px !important;
  }

  .review {
    color: #1890ff;
    margin-left: 16px;
    cursor: pointer;
  }

  .option_item {
    // display: flex;
    margin: 0 -8px 0px;
    padding: 8px;
    border: 1px dashed transparent;
    border-radius: 2px;

    .item_label {
      color: @color-title; // flex: 0 0 60px;
    }

    .item_con {
      // flex: 1;
      display: flex;
      align-items: flex-end;
      margin-bottom: 8px;

      .opration,
      .item_title {
        flex: 0 0 60px;
      }

      .opration {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        visibility: hidden;
      }

      :global {
        .zteicon {
          font-size: 14px;
          cursor: pointer;
        }

        .zteicon-arrow-up {
          margin-bottom: 8px;
        }

        .zteicon-arrow-down {
          margin-bottom: -5px;
        }
      }

      .up_disabled {
        :global {
          .zteicon-arrow-up {
            color: @color-disable;
            cursor: not-allowed;
          }
        }
      }

      .down_disabled {
        :global {
          .zteicon-arrow-down {
            color: @color-disable;
            cursor: not-allowed;
          }
        }
      }
    }

    &:hover {
      background: #f5f5f5;
      border-color: rgba(0, 0, 0, 0.25);
      .item_con {
        .opration {
          visibility: visible;
        }
      }
    }
  }

  .option_btn {
    margin-bottom: 16px;
    height: 32px;
    line-height: 32px;
    background-color: #ffffff;
    border: 1px dashed rgba(217, 217, 217, 1);
    border-radius: 2px;
    text-align: center;
    cursor: pointer;

    :global {
      .zteicon {
        font-size: 12px;
      }
    }
  }

  :global {
    .ant-checkbox-group,
    .ant-radio-group {
      width: 100%;
      margin: 8px 0;
    }
  }
}
